<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>Insert title here</title>
		<link rel="stylesheet" href="./layui/css/layui.css">
		<script src="./layui/layui.js"></script>
		<script type="text/javascript" src="js/global.js"></script>
	</head>

	<body>
		<table id="demo" lay-filter="test"></table>
		<script type="text/html" id="barDemo">
			<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="weight">设置分量</a>
		</script>
		<script>
			layui.use(['table', 'form'], function() {
				var table = layui.table;
				var $ = layui.jquery; //引入jquery
				var form = layui.form;
				//解决跨域
				$.ajaxPrefilter(function(options, originalOptions, jqXHR) {
					options.xhrFields = {
						withCredentials: true
					}
				})
				//第一个实例
				table.render({
					elem: '#demo',
					url: globalData.server + './users/getZiXun' //数据接口
						,
					page: true //开启分页
						,
					method: 'POST',
					id: 'idTest',
					cols: [
						[ //表头
							{
								field: 'id',
								title: 'ID',
								width: 80,
								sort: true,
								fixed: 'left',
								align: 'center'
							}, {
								field: 'loginName',
								title: '用户名',
								width: 120,
								align: 'center'
							}, {
								field: 'weight',
								title: '分量',
								width: 120,
								align: 'center'
							}/*, {
								field: 'right',
								title: '操作',
								toolbar: '#barDemo',
								align: 'center',
								width: 150
							}*/
						]
					]

				});
				table.on('tool(test)', function(obj) { //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
					var data = obj.data; //获得当前行数据
					if(obj.event === 'weight') { //角色
						layer.open({ //打开一个页面
							type: 2, //在当前页面之上以弹框的形式，展示编辑页面
							area: ['500px', '550px'], //页面宽高
							content: 'weight-edit.html', //页面所在位置
							title: '您正在编辑咨询师为' + obj.data.loginName + '的分量',
							success: function(layero, index) {
								var body = layer.getChildFrame('body', index);
								body.contents().find("#id").val(obj.data.id);
								body.contents().find("#weight").val(obj.data.weight);
							},
							end: function() {
								window.location.reload(); //当窗口关闭后刷新页面
							}
						});
					}
				});

			});
		</script>
		
	</body>

</html>